<div class="am-u-sm-12 widget main-w" >
	<ol class="am-breadcrumb">
		<li><a href="{:url('/admin/index')}">首页</a></li>
		<li><a href="{:url('/admin/car/index')}">业务管理</a></li>
		<li><a href="{:url('index')}">司机管理</a></li>
		<li class="am-active">司机详情</li>
	</ol>
	
		<div class="am-tabs" data-am-tabs="{noSwipe: 1}" >
			<ul class="am-tabs-nav am-nav am-nav-tabs">
				<li class="am-active">
					<a href="#tab1">基本信息</a>
				</li>
				
				<li>
					<a href="#tab2">安全记录</a>
				</li>
				<li>
					<a href="#tab3">订单记录</a>
				</li>
			</ul>

			<div class="am-tabs-bd">
				<div class="am-tab-panel am-fade am-in am-active" id="tab1">
					<fieldset>
					<legend>基本信息</legend>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">状态</div>
							<div class="am-u-sm-7">{$item.state}</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">姓名：</div>
							<div class="am-u-sm-7">{$item.driver}</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">身份证：</div>
							<div class="am-u-sm-7">{$item.id_card}</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">出生年月：</div>
							<div class="am-u-sm-7">{$item.birthday}</div>
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">性别：</div>
							<div class="am-u-sm-7">{$item.sex}</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">手机号：</div>
							<div class="am-u-sm-7">{$item.phone}</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">住址：</div>
							<div class="am-u-sm-7">{$item.add}</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">驾龄：</div>
							<div class="am-u-sm-7">{$item.driving_age}</div>
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">所属公司：</div>
							<div class="am-u-sm-7">{$item.company}</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">原职位：</div>
							<div class="am-u-sm-7">{$item.original_position}</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">掌握语言：</div>
							<div class="am-u-sm-7">{$item.language}</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">绑定车辆：</div>
							<div class="am-u-sm-7">{$item.driver_car}</div>
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">头像</div>
							<div class="am-u-sm-7">
								<img src="{$item.head_img}" />
							</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">半身照：</div>
							<div class="am-u-sm-7">
								<img src="{$item.half_body_img}" />
							</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">保险：</div>
							<div class="am-u-sm-7">
								<img src="{$item.insurance_img}" />
							</div>
						</div>
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">合同：</div>
							<div class="am-u-sm-7">
								<img src="{$item.contract_img}" />
							</div>
						</div>
					</div>
					</fieldset>
					<fieldset>
						<legend>证件信息</legend>
						<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">身份证：</div>
							<div class="am-u-sm-7">
								<img src="{$item.id_img}" />
							</div>
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">驾驶证：</div>
							<div class="am-u-sm-7">
								<img src="{$item.driver_license_img}" />
							</div>
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">居住证：</div>
							<div class="am-u-sm-7">
								<img src="{$item.residence_permit_img}" />
							</div>
						</div>
					</div>
					</fieldset>
					<fieldset>
					<legend>银行信息</legend>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">银行卡：</div>
							<div class="am-u-sm-7">{$item.bank_card}</div>
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">微信账号：</div>
							<div class="am-u-sm-7">{$item.wechat}</div>
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="am-u-sm-5">支付宝账号：</div>
							<div class="am-u-sm-7">{$item.alipay}</div>
						</div>
					</div>
					</fieldset>
				</div>
				
				<div class="am-tab-panel am-fade" id="tab2">
					<form class="am-form tpl-form-border-form" action="" method="get">
	
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-5">
							<div class="am-u-sm-6">
								<input type="text" name="" class="am-form-field tpl-form-no-bg am-margin-top-xs" placeholder="开始时间" data-am-datepicker="" readonly="">
							</div>
							<div class="am-u-sm-6">
								<input type="text" name="" class="am-form-field tpl-form-no-bg am-margin-top-xs" placeholder="结束时间" data-am-datepicker="" readonly="">
							</div>
						</div>
						<div class="am-u-sm-7">
							<div class="am-u-sm-12">
								<button type="submit" class="am-btn am-btn-sm am-btn-primary am-radius" style="margin-top:6px">查询</button>
							</div>
						</div>
					</div>
					</form>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<table width="100%" class="am-table am-table-compact am-table-bordered am-table-radius am-table-striped tpl-table-black am-text-nowrap">
							<thead>
								<tr>
									<th>日期</th>
									<th>在线时长</th>
									<th>违章次数</th>
									<th>用户投诉次数</th>
								</tr>
							</thead>
							<tbody>
								{foreach $list as $key => $item}
								<tr data-id="{$item.name}">
									<td>{$item.role_id}</td>
									<td>{$item.name}</td>
									<td>{$item.role_id}</td>
									<td>{$item.role_id}</td>

								</tr>
								{/foreach}
								<!-- more data -->
							</tbody>

						</table>
					</div>
				</div>
				<div class="am-tab-panel am-fade" id="tab3">
					<form class="am-form tpl-form-border-form"  action="" method="get">
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-1" style="line-height: 40px;">司机：{$item.name}</div>
						<div class="am-u-sm-5">
							<div class="am-u-sm-6">
								<input type="text" class="am-form-field tpl-form-no-bg am-margin-top-xs" placeholder="开始时间" data-am-datepicker="" readonly="">
							</div>
							<div class="am-u-sm-6">
								<input type="text" class="am-form-field tpl-form-no-bg am-margin-top-xs" placeholder="结束时间" data-am-datepicker="" readonly="">
							</div>
						</div>
						<div class="am-u-sm-6">
							<div class="am-u-sm-12">
								<button type="submit" class="am-btn am-btn-sm  am-btn-primary am-radius" style="margin-top: 6px;">查询</button>
							</div>
						</div>
					</div>
					</form>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<label class="am-radio-inline">
						    <input type="radio" name="order_state" value="0" checked="checked" data-am-ucheck/> 所有
						</label>
						<label class="am-radio-inline">
						    <input type="radio" name="order_state" value="1" data-am-ucheck/> 未执行
						</label>
						<label class="am-radio-inline">
						    <input type="radio" name="order_state" value="2" data-am-ucheck/> 执行中
						</label>
						<label class="am-radio-inline">
						    <input type="radio" name="order_state" value="3" data-am-ucheck/> 已完成
						</label>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<table width="100%" class="am-table am-table-compact am-table-bordered am-table-radius am-table-striped tpl-table-black am-text-nowrap" >
							<thead>
								<tr>
									<th>订单号</th>
									<th>申请时间</th>
									<th>接单时间</th>
									<th>乘客</th>
									<th>里程</th>
									<th>乘车时间</th>
									<th>完成时间</th>
									<th>车费</th>
									<th>支付状态</th>
									<th>师傅收入</th>
								</tr>
							</thead>
							<tbody>
								{foreach $list as $key => $order}
								<tr class="order" data-orderid="{$item.order_no}">
									<td>{$order.order_no}</td>
									<td>{$order.apply_time}</td>
									<td>{$order.orders_time}</td>
									<td>{$order.passenger}</td>
									<td>{$order.estimate_mileage}</td>
									<td>{$order.ride_time}</td>
									<td>{$order.complete_time}</td>
									<td>{$order.original_price}</td>
									<td>{$order.order_state}</td>
									<td>{$order.settlement_price}</td>

								</tr>
								{/foreach}
								<!-- more data -->
							</tbody>

						</table>
					</div>
				</div>
			</div>
			<div class="am-u-sm-12" style="margin: 10px 0;">
				<button type="button" class="am-btn am-btn-sm am-btn-primary am-radius">编辑</button>
				<button type="button" class="am-btn am-btn-sm am-btn-secondary am-radius">查看钱包</button>
				<button type="button" class="am-btn am-btn-sm am-btn-secondary am-radius">重置密码</button>
			</div>
		</div>
	
</div>